<template>
	<view class="page-container">
		<u-navbar
					 bgColor="#eeeeee"
					 :placeholder= "true"
					 :autoBack="true"
		        >
		        </u-navbar>
		<div class="choose-container">
			<image @click="navToQuickHandler" src="../../static/img/quick-01.png" mode="widthFix"/>
			<image @click="navToMiniHandler" src="../../static/img/quick-02.png" mode="widthFix" />
		</div>
		<image class="bottom-logo" src="../../static/img/bottom-logo.png" mode="widthFix" />
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			navToQuickHandler() {
				uni.navigateTo({
					url: '/pages/quick/quick',
					success: res => {},
					fail: () => {},
					complete: () => {}
				});
			},
			navToMiniHandler() {
				uni.navigateTo({
					url: '/pages/ble-device/ble-device',
					success: res => {},
					fail: () => {},
					complete: () => {}
				});
			},
		}
	}
</script>

<style lang="scss" scoped>
	.bottom-logo {
		position: absolute;
		width: 122rpx; height: 45rpx;
		left: 50%;
		transform: translateX(-50%);
		bottom: 170rpx;
	}
	.page-container {
		height: 100vh;
		background-color: #efefef;
		position: relative;
	}
	.choose-container {
		position: absolute;
		width: calc(100% - 130rpx);
		padding: 0 65rpx;
		height: 100%;
		left: 0;
		top: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		image{
			width: 100%;
			&:first-child{
				margin-bottom: 115rpx;
			}
		}
	}

</style>
